import React from 'react'
import { Button } from 'antd-mobile'
import { FormattedMessage } from 'react-intl'

class App extends React.Component {
  constructor (props) {
    super(props)
    this.state = {
      windowHeight: '400px'
    }
  }
  componentDidMount () {
    let windowHeight = T.getScreenHeight()
    this.setState({
      windowHeight
    })
  }

  render () {
    return (<div className='tac poc-claim' style={{ minHeight: this.state.windowHeight }}>
      <div className='success-wrap'>
        <img className='icon-img' src='/assets/images/icon_right.png' />
        <p className='f32 mt45' style={{ color: '#5D6168' }}>Your information has been submitted successfully.</p>
        <p className='f26 fc9 mt35'>Thank you for choosing us.We’ll submit these information to your underwriter ASAP.</p>

        <div>
          <Button type='primary' className='diy_background mt40' onClick={() => { location.href = '/product-list-yj-en' }}>
            <FormattedMessage id='back_home' defaultMessage='返回首頁' />
          </Button>
        </div>
      </div>
    </div>)
  }
}
export default App
